<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
<title>图片轮换</title>
	<link rel="stylesheet" href="css/scroll.css">
	<script type="text/javascript">
		function one(){
			var im=document.getElementById("photo");
			im.setAttribute("src","images/1.gif");
		}
		function two(){
			var im=document.getElementById("photo");
			im.setAttribute("src","images/2.gif");
		}
		function t3(){
			var im=document.getElementById("photo");
			im.setAttribute("src","images/3.jpg");
		}
		function four(){
			var im=document.getElementById("photo");
			im.setAttribute("src","images/4.jpg");
		}
		function five(){
			var im=document.getElementById("photo");
			im.setAttribute("src","images/5.gif");
		}
		
	</script>
</head>

<body>
<div class="scroll">
	<div id="num">
		<a href="#" onclick="one()">1</a>
		<a href="#" onclick="two()">2</a>
		<a href="#" onclick="t3()">3</a>
		<a href="#" onclick="four()">4</a>
		<a href="#" onclick="five()">5</a>
	</div>
	<img src="images/1.gif" alt="图片" id="photo"/>
</div>
</body>
</html>
